<template>
  <div class="account">
    <aside class="sider">
      <router-link to="/account/profile">个人资料</router-link>
      <router-link to="/account/security">安全设置</router-link>
      <router-link to="/account/mail">邮箱账号</router-link>
      <router-link to="/account/whitelist">白名单</router-link>
      <router-link to="/account/subscription">订阅</router-link>
      <router-link to="/account/usage">用量</router-link>
    </aside>
    <main class="content"><router-view/></main>
  </div>
</template>
<style scoped>
.account{display:flex; gap:16px; padding:16px}
.sider{width:180px; display:flex; flex-direction:column; gap:8px}
.content{flex:1; background:#fff; border:1px solid #eee; border-radius:8px; padding:16px}
</style>
